<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:fragment="header">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="Copyright" content="copyright [海南博禾农业发展有限公司]"/>
    <meta name="Description"
          content="尚品然·忧遁草产于中国海南·海口市云龙镇，此地常年温差适中、空气洁净、雨量丰沛、土质肥沃且含有富锗、富硒，长期使用此类土壤种植的农产品有利于人类身体健康和长寿。尚品然·忧遁草在种植过程不添加任何农药化肥及生长调节剂、化学添加剂等对人体有害物质。为确保不破坏忧遁草内部对人体有益物质，尚品然·忧遁草在采制过程中完全依照国际有机农业联合会标准进行生产和加工，确保忧遁草无污染，纯天然。"/>
    <meta name="Keywords" content="尚品然，海南博禾农业发展有限公司"/>
    <meta http-equiv="windows-Target" contect="_top"/>
    <!--导航、bn、产品-->
    <script type="text/javascript" src="/js/jquery-1.11.0.min.js"></script>
    <!--导航、bn、产品-->
    <!--客服-->
    <script type="text/javascript" src="/js/top.js"></script>
    <!--客服-->
    <script type="text/javascript" src="/js/jquery.flexslider-min.js"></script>
    <script type="text/javascript" src="/js/jquery.SuperSlide.2.1.js"></script>
    <!--bn-->
    <!--导航-->
    <script type="text/javascript" src="/js/ddsmoothmenu.js"></script>
    <script type="text/javascript" src="/js/common.js"></script>
    <script type="text/javascript">
        ddsmoothmenu.init({
            mainmenuid: "smoothmenu1", //menu DIV id
            orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
            classname: 'nav'
        });
    </script>
    <!--导航-->
    <title>海南博禾农业发展有限公司</title>
    <link href="/css/css.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<!-- topbar-->
<div class="top" th:fragment="topBar(page)">
    <div class="top">
        <div class="logo"><a href="#"><img src="/images/logo.png"/></a>
        </div>
        <div class="nav_box">
            <div class="nav" id="smoothmenu1">
                <ul class="clearfix">
                    <li th:class="${page}=='index'?'selected'"><a href="/index.html"><span>网站首页</span></a></li>
                    <li th:class="(${page}=='about' or ${page}=='1')?'selected'">
                        <a href="/about.html" style="padding-right: 0px;"><span>关于我们</span></a>
                        <ul class="submenu"
                            style="top: 104px; visibility: visible; left: 0px; width: 110px; display: none;">
                            <li><span><a href="/about.html?activeId=2">公司简介</a></span></li>
                            <li><span><a href="/about.html?activeId=3">公司章程</a></span></li>
                            <li><span><a href="/about.html?activeId=4">机构设置</a></span></li>
                            <li><span><a href="/about.html?activeId=5">公司标识</a></span></li>
                            <li><span><a href="/about.html?activeId=6">公司风采</a></span></li>
                            <li><span><a href="/about.html?activeId=7">品牌文化</a></span></li>
                            <li><span><a href="/about.html?activeId=8">资质荣誉</a></span></li>
                        </ul>
                    </li>
                    <li th:class="(${page}=='news' or ${page}=='17')?'selected'">
                        <a href="/news.html" style="padding-right: 0px;"
                           class=""><span>新闻中心</span></a>
                        <ul class="submenu"
                            style="top: 104px; visibility: visible; display: none; left: 0px; width: 110px;">
                            <li><span><a href="/news.html?activeId=18">公司新闻</a></span></li>
                            <li><span><a href="/news.html?activeId=19">行业资讯</a></span></li>
                        </ul>
                    </li>
                    <li th:class="(${page}=='product'or ${page}=='20')?'selected'">
                        <a href="/product.html" style="padding-right: 0px;"
                           class=""><span>产品中心</span></a>
                        <ul class="submenu"
                            style="top: 104px; visibility: visible; display: none; left: 0px; width: 110px;">
                            <li><span><a href="/product.html?activeId=21">忧遁草介绍</a></span></li>
                            <li><span><a href="/product.html?activeId=22">忧遁草产品</a></span></li>
                            <li><span><a href="/product.html?activeId=23">种植基地</a></span></li>
                        </ul>
                    </li>
                    <li th:class="(${page}=='jiameng' or ${page}=='24')?'selected'">
                        <a href="/jiameng.html" style="padding-right: 0px;"><span>加盟代理</span></a>
                        <ul class="submenu" style="top: 104px; display: none; visibility: visible;">
                            <li><span><a href="/jiameng.html">加盟代理</a></span></li>
                        </ul>
                    </li>
                    <li th:class="(${page}=='knowledge' or ${page}=='26')?'selected'">
                        <a href="/knowledge.html"
                           style="padding-right: 0px;"><span>知识课堂</span></a>
                        <ul class="submenu" style="top: 104px; display: none; visibility: visible;">
                            <li><span><a href="/knowledge.html">知识课堂</a></span></li>
                        </ul>
                    </li>
                    <li th:class="(${page}=='recruit' or ${page}=='28')?'selected'">
                        <a href="/recruit.html" style="padding-right: 0px;"><span>招贤纳士</span></a>
                        <ul class="submenu" style="top: 104px; display: none; visibility: visible;">
                            <li><span><a href="/recruit.html">招贤纳士</a></span></li>
                        </ul>
                    </li>
                    <li th:class="(${page}=='contact' or ${page}=='30')?'selected'">
                        <a href="/contact.html"
                           style="padding-right: 0px;"><span>联系我们</span></a>
                        <ul class="submenu" style="top: 104px; display: none; visibility: visible;">
                            <li><span><a href="/contact.html">联系我们</a></span></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!--内页banner-->
<div class="banner" th:fragment="banner(pictures)">
    <div class="bd">
        <ul style="position: relative; width: 1366px; height: 300px;" >
            <li  th:each="pic : ${pictures}" th:style="'background:url('+${pic.imgUrl}+')'"  style="background: url(/upload/2017-11-04/1509773910393.jpg) 50% 0px no-repeat; position: absolute; width: 1366px; left: 0px; top: 0px; display: none;"></li>
        </ul>
    </div>
    <div class="hd">
        <ul >
            <li th:each="pic : ${pictures}" class=""></li>
        </ul>
    </div>
</div>

<!-- footer -->
<div class="foot" th:fragment="footer">

    <div class="footA">
        <div class="footAleft">
            <dl>
                <dt><a href="#">关于我们</a></dt>
                <dd><a href="/about.html?activeId=2">公司简介</a></dd>
                <dd><a href="/about.html?activeId=3">公司章程</a></dd>
                <dd><a href="/about.html?activeId=4">机构设置</a></dd>
                <dd><a href="/about.html?activeId=5">公司标识</a></dd>
                <dd><a href="/about.html?activeId=6">公司风采</a></dd>
                <dd><a href="/about.html?activeId=7">品牌文化</a></dd>
                <dd><a href="/about.html?activeId=8">资质荣誉</a></dd>
            </dl>

            <dl>
                <dt><a href="#">新闻中心</a></dt>
                <dd><a href="/news.html?activeId=18">公司新闻</a></dd>
                <dd><a href="/news.html?activeId=19">行业资讯</a></dd>

            </dl>


        </div>

        <div class="footAmain">
            <dl>
                <dt>联系我们</dt>
                <dd>地址：海口市琼山区云龙镇云阁村委会博洽村20号</dd>
                <dd>电话：400-6461-266</dd>
                <dd>传真：0898-68923572</dd>
                <dd>邮政编码：570311</dd>
            </dl>
        </div>


        <div class="footdianhua"><span>全国统一服务热线</span><em>400-6461-266</em></div>


        <div class="footAright"><img src="/images/ewm.png"/><br/>关注微信公众号</div>

    </div>


    <div class="footB">
        <div class="footB_nr bai">
            <dt>CopyRight 2016-2018All Rights Reserved&nbsp;&nbsp;&nbsp;&nbsp;海南博禾农业发展有限公司&nbsp;&nbsp;&nbsp;&nbsp;琼ICP备12021389号</dt>
            <dd>技术支持：<a href="##" target="_blank">lsy</a></dd>
        </div>
    </div>

</div>


</body>
</html>